/*滚动条*/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button,::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track,::-webkit-scrollbar-track:vertical{background-color:transparent}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{margin-right:8px;background-color:#2890eb}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #2890eb;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(30deg,
      transparent 20%, rgb(158, 93, 255) 20%,
      rgb(158, 93, 255) 40%, transparent 40%,
      transparent 60%, rgb(158, 93, 255) 60%,
      rgb(158, 93, 255) 80%, transparent 80%);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#5fb4ff}
::-webkit-scrollbar-corner,::-webkit-scrollbar-corner:vertical{background-color:transparente}
::-webkit-scrollbar-resizer,::-webkit-scrollbar-resizer:vertical{background-color:transparent}

/* @font-face {
  font-family: '站酷小薇LOGO体';
  src: url("/static/font/ZhanKuXiaoWeiLOGOTi.otf") format("opentype");
}
*{font-family: '站酷小薇LOGO体',Tahoma,Verdana,Arial,PMingLiu,MingLiu;} */

*{font-family: Arial, Verdana,'Microsoft YaHei',sans-serif;}

/*公共*/
.kaige-body{padding:10px;background-color:#fafafa;}
.kaige-table{margin-top:0}
.kaige-body-form{padding: 5px;}

.layui-form-item {margin-bottom:5px;}
.layui-textarea {min-height: 60px;}
.layui-table-tool {min-height:42px;line-height:20px;padding: 5px 5px;}
.layui-table-tool-self {right: 5px;top: 5px;}
.layui-table,
.layui-table-view {margin: 0;}

/*树型选择表格框*/
.layui-treetable-selectbox{display:none;border: 1px solid #e2e2e2;padding: 5px;position: absolute;z-index:9; background-color: #fff;min-width:200px; height:260px;overflow-y: auto;}
.layui-treetable-selectbox ul li{height:30px;line-height:30px;}
.layui-treetable-selectbox ul li:hover{background-color: #ededed;}


/*按钮*/
/* 原始 */
/* .layui-btn-primary{border-color: #d2d2d2; background: none; color: #5F5F5F;}
.layui-btn-primary:hover{border-color: #0e8fff; color: #333;}
.layui-btn{background-color: #0e8fff; color: #fff;} */

/* 复选框-开关风格 */
.layui-form-onswitch{border-color: #0e8fff; background-color: #0e8fff;}

.layui-form-checked[lay-skin=primary] i {border-color: #0e8fff!important;background-color: #0e8fff; color: #fff;}
.layui-form-checked[lay-skin=primary] i:hover {border-color: #2a9bff!important;background-color: #2599ff; color: #fff;}

/* 单选框 */
.layui-form-radioed,
.layui-form-radioed>i,
.layui-form-radio:hover *{color: #0e8fff;}


/* 下拉选择 */
.layui-form-select dl dd.layui-this{background-color: #0e8fff; color: #fff;}

/*表格头部工具条-重新定义样式*/
.layui-table-tool-temp .layui-input{height: 30px;border-radius: 15px;}
.layui-table-tool-temp .tsinput {width:200px;height:30px;margin:0;padding:0;padding-left:10px;padding-right:45px;font-size: 14px;border-radius:15px;}
.layui-table-tool-temp .tsbutton{position:absolute;right:2px;top:2px;width:40px;border-radius:13px;height: 26px;line-height: 26px;border:0;background-color:#0e8fff;font-size:14px; color:#fff;cursor: pointer;}
.layui-table-tool-temp .tsbutton:hover{background-color:#0563b5;color:#fff;}
.layui-table-tool-temp .layui-form-select dl dd,
.layui-table-tool-temp .layui-form-select dl dt {line-height: 28px;}
.layui-table-tool-temp .layui-form-select dl {top:34px; border-radius:4px;}
.layui-table-tool-temp .layui-btn:first-child{border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.layui-table-tool-temp .layui-btn:last-child{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.layui-table-tool-temp .layui-btn{height:28px;line-height: 26px;padding: 0 10px 0 6px;background-color: #0e8fff;}

.kaige-btn-radius .layui-btn:first-child{border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.kaige-btn-radius .layui-btn:last-child{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}

/**表头div**/
.kaige-select-div{width:200px;height:26px;}


/** 分页 **/
.layui-laypage a:hover{color: #0e8fff;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0e8fff; }
.layui-laypage input:focus,
.layui-laypage select:focus{border-color: #0e8fff!important;}

/*表格列高2行 60*/
.pagelist td .layui-table-cell{height:60px;line-height:60px}
.pageinfotitle{width:160px;height:50px;margin:0;padding:0;overflow:hidden;position:relative}
.pageinfotitle .uif-avatar{display:inline-block;height:50px;position:absolute;top:0}
.pageinfotitle .uif-info{display:inline-block;height:50px;position:absolute;top:0;left:55px}
.pageinfotitle .uif-avatar a{margin:0;padding:0;width:50px;height:50px;line-height:50px;display:inline-block}
.pageinfotitle .uif-avatar a img{vertical-align:middle;width:50px;position:absolute;top:0}
.pageinfotitle .uif-info p{height:25px;line-height:25px}
.searchtj{width:220px;min-height:60px;font-size:14px;position:absolute;top:31px;left:0;background-color:#fff;border:1px solid #e6e6e6;padding:10px;display:none}
.searchtj .stjclose{position:absolute;right:4px;top:4px;cursor:pointer;color:red}
.layui-btn-selfc{background-color:#ebebeb;color:#000;margin-top:3px}


/*图库*/
.files_ul{margin: 0;padding: 0;}
.files_ul li{display: inline-block; margin-right:2px;margin-bottom: 5px; padding:2px; border:1px solid #e6e6e6;}
.files_ul li img{max-width: 96px; max-height: 96px; border: 0;}
.files_ul li a:first-child {width: 96px; height: 96px; border: 0;text-align: center;display: block;}
.files_ul li a:first-child i{font-size: 72px; color:#0061a6}
.files_ul li h3{width: 96px; height: 26px;line-height:26px;text-align: center;font-size: 13px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.files_ul li:hover{border-color: #006ca6;cursor: pointer;}
.d-input{display: inline-block;width:80px;height: 24px;line-height: 24px; border: 1px solid #e6e6e6;}
.file_local_ul{margin: 0; padding: 0;}
.file_local_ul li{margin-bottom: 3px;height: 26px;line-height: 26px;}

.fsinput{margin:0;padding:0;padding-right:45px;padding-left:10px;width:220px;height:26px;border-radius:19px;font-size:14px}
.fsbutton{position:absolute;top:2px;right:2px;width:26px;height:26px;border:0;border-radius:16px;background-color:#1865ad;color:#fff;font-size:14px;line-height:26px;cursor:pointer}
.fsbutton:hover{background-color:#208ec9;color:#fff}


/*弹窗title高度更改*/
body .layui-layer .layui-layer-title{height: 40px;line-height: 40px;}
body .layui-layer .layui-layer-setwin {top: 12px;}

/*选择框向上*/
body .selectUp .layui-form-select dl{top: auto;bottom:38px;}

.list_avatar{border-radius: 50%;}

.filesearch{height:40px}
.filesearch .layui-select-title{padding:0}
.filesearch .layui-input{height:30px;border-radius:18px}
.filesearch .layui-laypage-prev{border-radius:19px 0 0 19px}
.filesearch .layui-laypage-next{border-radius:0 19px 19px 0}
.filesearch .layui-treetable-selectbox{border-radius:6px}

.filepagebox{position: absolute;top:-7px;}

.dselectbox{display:inline-block;margin-right:2px;padding:0;width:80px;height:30px;font-size:14px}
.dselectbox .layui-select-title{padding:0}
.dselectbox .layui-input{height:30px;border-radius:14px}
.dsbutton{width:40px;height:26px;border:0;border-radius:14px;background-color:#f67055;color:#fff;font-size:14px;line-height:24px;cursor:pointer}
.dsbutton:hover{background-color:#d4634c;color:#fff}

.filter-form .layui-input{border-radius:19px}
.filter-form .layui-btn-group .layui-btn:first-child{border-top-left-radius: 19px; border-bottom-left-radius: 19px;}
.filter-form .layui-btn-group .layui-btn:last-child{border-top-right-radius: 19px; border-bottom-right-radius: 19px;}

.layui-btn-sm {height: 26px;line-height: 24px;padding: 0 10px;font-size: 12px;}
.fl-red{color:#df1e1e}

/*查看*/
.view_header{height: 50px;line-height: 50px;border-bottom: 1px dashed #CCC;margin-bottom: 10px;}
.view_header h1{font-size: 20px;display: block;line-height: 48px; text-align: center;}
.view_header h1 i{font-size: 22px;}

.status_txt{position: absolute;right: 20px;top: 10px;width: 100px;height: 100px;overflow: hidden;z-index: 202219999999;}
.status_1{background-image: url(../../img/status_1.png); background-size: cover;}
.status_2{background-image: url(../../img/status_2.png); background-size: cover;}
.status_3{background-image: url(../../img/status_3.png); background-size: cover;}
.status_4{background-image: url(../../img/status_4.png); background-size: cover;}

/*添加文件区*/
.file_show_box{list-style: none;min-height:100px;padding: 5px;}
.file_show_box li{display: inline-block;width: 100px;height: 100px; border: 1px solid #ccc; position: relative;text-align: center;background-size:cover;margin-right: 3px;}
.file_show_box li:hover{border-color: #ea8c8c;}
.file_show_box li i.iclose{position: absolute; right: 2px;top:2px;display: none; color: #ff0000; cursor: pointer;}
.file_show_box li i.ifont1{position: absolute; top: 20px;left:36px;font-size: 30px;color:#f0f0f0}
.file_show_box li a.sl-btn{position: absolute; bottom:7px; left:7px;display: none;}
.file_show_box li a.sr-btn{position: absolute; bottom:7px; right:7px;display: none;}
.file_show_box li:hover i.iclose,
.file_show_box li:hover a.sl-btn,
.file_show_box li:hover a.sr-btn {display: block;}
.file_show_box li .txt{display: block;position: absolute;bottom: 20px;left:2px;font-size: 12px;width: 96px;text-align: center;overflow: hidden;}


/*步骤条*/
.step-item{display:inline-block;line-height:26px;position:relative; margin-top: 20px; margin-bottom: 30px;}
.step-item-tail{width:100%;position:absolute;left:0;top:13px}
.step-left40{left:40%;}
.step-width40{width: 40%;}
.step-item-tail i{display:inline-block;width:100%;height:1px;vertical-align:top;position:relative;border-bottom: 1px dashed #1865ad;}
.step-item-tail-done{background:#005596!important}
.step-item-head{position:relative;display:inline-block;height:26px;width:26px;left:40%; text-align:center;vertical-align:top;color:#005596;border:1px solid #005596;border-radius:50%; background-color: #eaf5ff;}
.step-item-head.step-item-head-active{background:#005596;color:#fff}
.step-item-main{display:block;position:relative;text-align: center;}
.step-item-main-title{font-weight:bolder;color:#555;font-size: 16px;}
.step-item-main-desc{color:#aaa;font-size: 12px;}

/*聊天*/
.chat_head{width: 40px;height: 40px;border: 0;}
.table_head_title{display: flex;height: 30px;line-height: 30px; border-left:5px solid #0059a6; padding-left:8px;}
.fenlanbox .layui-table-tool-self div:first-child {border-color:#190bb2; position: relative;background-color: #2367c5;}
.fenlanbox .layui-table-tool-self div:first-child i{color:#fff;font-size: 20px; position: absolute;left:2px;top:4px;}

/*关闭按钮*/
.im-close{position:relative;width:2px;height:20px;background:red;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;}
.im-close:after{position:absolute;top:0;left:0;content:"";width:2px;height:20px;background:red;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}

/*表单设计器 layui-layout-admin start*/
.layui-header{height: 50px;}
.layui-layout-admin .layui-header{background-color: #0a53a6;}
.layui-layout-admin .layui-side{top:50px;}
.layui-layout-admin .layui-body{position: absolute; top: 50px;}
.layui-layout-admin .layui-logo{line-height:50px;}

.layui-nav .layui-nav-item{line-height: 50px;}
.layui-nav-child {top:50px}
/*表单设计器 layui-layout-admin end*/

/*表格行单击背景*/
.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover {
  background-color: #81cbff;color:#000
}
